<template>
  <div>
    <el-card>
      <!--    面包屑-->
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/cscindex' }">客户服务中心</el-breadcrumb-item>
        <el-breadcrumb-item>订单管理</el-breadcrumb-item>
        <el-breadcrumb-item>交换订单</el-breadcrumb-item>
      </el-breadcrumb>
      <br>
      <!--    表格-->
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column fixed prop="id" label="客户编号" width="80"></el-table-column>
        <el-table-column prop="name" label="客户姓名" width="100"></el-table-column>
        <el-table-column prop="phone" label="移动电话" width="150"></el-table-column>
        <el-table-column prop="email" label="邮箱号码" width="200"></el-table-column>
        <el-table-column prop="emailNumber" label="邮编" width="100"></el-table-column>
        <el-table-column prop="address" label="联系地址" width="300"></el-table-column>
        <el-table-column prop="employer" label="工作单位" width="300"></el-table-column>
        <el-table-column prop="landline" label="座机" width="120"></el-table-column>
        <el-table-column fixed="right" label="操作" width="120">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
            <el-button type="text" size="small">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <!--    分页-->
      <el-pagination background layout="prev, pager, next" :total="1000" class="pagination"></el-pagination>
    </el-card>
  </div>
</template>

<script>
    export default {
        name: "exchangeorder"
    }
</script>

<style scoped>

</style>
